{% extends 'base.html' %}

{% block content %}

<div class="left-pane">
    <div class="left-center" id="feed_list"></div>
    
    <div class="NB-taskbar left-south">
    	<ul class="taskbar_nav taskbar_nav_left">
    		<li class="task_button task_button_menu task_add">
    			<ul class="taskbar_menu">
    				<li>Import</li>
    				<li><span class="NB-task-import-upload-opml">Upload an OPML file</span></li>
    				<li><span>From NetNewsWire (NewsGator)</span></li>
    				<li><span>From Google Reader</span></li>
    			</ul>
    		</li>
    		<li class="task_button task_button_menu task_profile">
    			<ul class="taskbar_menu">
    				<li>{{ user_info.username }}</li>
    				<li><span>View my feed preferences</span></li>
    				<li><span>Change NewsBlur options</span></li>
    			</ul>
    		</li>
    	</ul>
    </div>

</div>



<div class="right-pane">
    
    <div id="NB-splash">
      {% if user.is_authenticated %}
        <div class="NB-user">
          Welcome, {{ user.username}}.
          (<a href="{% url auth_logout %}?next=/">Logout</a>)
        </div>
      {% endif %}
      {% if not user.is_authenticated %}
      <div class="NB-login">
        {% if form.errors %}
        <p>{{ form.errors }}</p>
        {% endif %}

        <form method="post" action="{% url auth_login %}">
          <div>
            {{ form.username.label_tag }}
            {{ form.username }}
          </div>
          <div>
            {{ form.password.label_tag }}
            {{ form.password }}
          </div>

          <input type="submit" value="login" />
          <input type="hidden" name="next" value="/" />
        </form>
      </div>
      {% endif %}
        {# <div class="NB-splash-image"></div> #}
        <div class="NB-splash-title"></div>
    </div>
    
    <div id="story_titles" class="right-north"></div>

    <div class="content-pane">
        <div id="story_taskbar" class="NB-taskbar content-north">
            <div class="NB-task-view-page-to-feed-arrow"></div>
        	<ul class="taskbar_nav taskbar_nav_left">
    			<li class="task_button task_button_view task_view_page NB-active"><span class="NB-task-title">Page</span></li>
	    		<li class="task_button task_button_view task_view_feed"><span class="NB-task-title">Feed</span></li>
        	</ul>

        	<ul class="taskbar_nav taskbar_nav_return">
    			<li class="task_button task_return"><span class="NB-task-title">Return to <span class="NB-task-return-feed">Page</span></span></li>
        	</ul>
    	
        </div>
    
        <div id="story_pane" class="content-center">
            
            <div class="NB-story-pane-container">
        		<iframe class="NB-feed-frame"></iframe>
        		<div class="NB-feed-story-view NB-view-hidden"></div>
            </div>
		
        </div>
    </div>    
    
</div>

{# {% url apps.opml_import.views.opml_import %} #}



{% endblock %}